<template>
  <div>
    <Analysis></Analysis>
  </div>
  <br>
  <hr>
  <div>
    <el-row>
      <el-col :span="12">
        <el-transfer
          v-model="value"
          :titles="['待选通道', '已选通道']"
          :props="{
            key: 'value',
            label: 'desc',
          }"
          :data="data"
        >
        </el-transfer>
      </el-col>

      <el-col :span="4" :offset="20">
          <el-button @click="$emit('saved')" size="large" type="primary">确定</el-button>
      </el-col>
    </el-row>
  </div>
</template>

<script lang="ts" setup>
import { ref } from "vue";
import Analysis from "../components/analysis.vue";
interface Option {
  value: number;
  desc: string;
  disabled: boolean;
}


const data = ref<Option[]>([
    {
        value: 1,
        desc: '通道1',
        disabled: false
    },
    {
        value: 2,
        desc: '通道2',
        disabled: false
    },
    {
        value: 3,
        desc: '通道3',
        disabled: false
    },
])
const value = ref([]);

const radio = ref(1);
</script>

<style>
</style>
